<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Sistema de Gestión de Profesores | Login</title>
        <link rel="shortcut icon" href="images/icono.ico">
        <link rel="stylesheet" href="css/style.css">        
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>  
        <script src="js/jquery.js"></script>
        <script src="js/jquery.validate.js"></script>
        <script src="js/login.js"></script>      
    </head>
    <body>
        <!-- TOP BAR -->
        <div id="top-bar">
            <div class="page-full-width">
                <!--<a href="#" class="round button dark ic-left-arrow image-left ">Return to website</a>-->
            </div> 
        </div> 
        <!-- end top-bar -->
        <!-- HEADER -->
        <div id="header">
            <div class="page-full-width cf">
                <div id="login-intro" class="fl">
                    <h1>Gestión de Profesores</h1>
                    <h5>Ingrese sus datos para acceder</h5>
                </div>
                <!-- login-intro -->             
                <a href="#" id="company-branding" class="fr"><img src="images/company-logo.png" alt="Blue Hosting" /></a>
            </div> <!-- end full-width -->	
        </div> <!-- end header -->
        <!-- MAIN CONTENT -->
        <div id="content">
            <form action="login.jsp" method="POST" id="login-form" onsubmit="return false;">
                <fieldset>
                    <p>
                        <label for="login-username">Correo</label>
                        <input type="text" id="txtUsuario" name="txtUsuario" class="round full-width-input" autofocus />
                    </p>
                    <p>
                        <label for="login-password">Contrase&nacute;a</label>
                        <input type="password" id="txtClave"  name="txtClave" class="round full-width-input" />
                    </p>
                    <p>Olvid&eacute; mi <a href="#">contraseña</a>.</p>                    
                    <input class="button round blue image-right ic-right-arrow mouse-mano" name="btnIngresar" type="submit"
                           id="btnIngresar" value=" INGRESAR "/>
                    <div id="mensajeerror" ></div>
                </fieldset>
                <br/>
                <div class="information-box round">
                    Sistema elaborado por grupo de Ingenieria de Redes y Comunicaciones <br> 
                    Ciclo: 5°
                </div>
            </form>
        </div> <!-- end content -->
        <!-- FOOTER -->
        <div id="footer">
            <p>&copy; Copyright 2014 <a href="http://www.upc.edu.pe/" target="_blank">UPC</a>. Todos los derechos reservados</p>
            <!--<p><strong>SimpleAdmin</strong> theme by <a href="http://www.adipurdila.com">Adi Purdila</a></p>-->
        </div> <!-- end footer -->
    </body>
</html>
